<!-- templates/result.html -->
<!DOCTYPE html>
<html>
<head>
    <title>生成结果</title>
    <style>
        .container { max-width: 800px; margin: 50px auto; padding: 20px; }
        .audio-box { margin: 20px 0; padding: 15px; border: 1px solid #ddd; }
    </style>
</head>
<body>
    <div class="container">
        <h1>生成结果</h1>
        <div class="original-text">
            <h3>原始文本：</h3>
            <p>{{ original_text }}</p>
        </div>
        
        <div class="audio-box">
            <h3>生成语音：</h3>
            <audio controls>
                <source src="{{ audio_url }}" type="audio/wav">
                您的浏览器不支持音频播放
            </audio>
            <div style="margin-top: 10px;">
                <a href="{{ audio_url }}" download>下载音频文件</a>
            </div>
        </div>
        
        <a href="/">返回首页</a>
    </div>
</body>
</html>
